<ion-view cache-view="false" hide-back-button="true" title="订单详情">
  <ion-nav-buttons side="left">
    <button class="button button-clear" ui-sref="order.list">
      <i class="icon ion-chevron-left"></i>
    </button>
  </ion-nav-buttons>

  <ion-content>

    <div class="divider"></div>
    <div class="list order-list" style="font-size: 11px">
      <div class="item">
        <span style="float: left">
          <img src="img/hd/ico_dd.png" style="width: 13px">
          交易状态
        </span>
        <span class="main-color" style="float: right">
          {{order.status | statusFilter}}
        </span>
      </div>
      <div class="item item-icon-left item-icon-right" style="height: 80px; padding-top: 18px; font-size: 15px; vertical-align:middle">
        <i class="icon ion-ios-location-outline" style="color: #aaa; font-size: 25px;"></i>
        <!-- <span>选择地址</span> -->
        <span style="font-size: 15px">{{order.receivename}}
          {{order.phone}}
          <br>
          {{order.address}}</span>
        <i class="icon ion-chevron-right" style="color: #aaa; font-size: 20px;"></i>
      </div>

      <div class="item">
        包裹清单
      </div>
      <div class="item item-thumbnail-left" ng-repeat="product in order.order_products" style="background-color: #efefef">
        <img src="img/hd/pic_dd.png" ng-if="!product.smimgurl"/>
				<img ng-src="{{product.smimgurl}}" ng-if="product.smimgurl"/>
        <span style="float: left">
          <h3 style="margin-left: -30px">{{product.name}}</h3>
          <p style="margin-left: -30px">编号：{{product.barcode}}</p>
          <p style="margin-left: -30px; height: 20px">{{product.scale}}</p>
        </span>
        <span style="float: right;text-align: right">
          <p>￥{{product.realprice}}</p>
          <p>
            <i class="ion-close-round" style="font-size: 12px"></i>{{product.num}}</p>
        </span>
        <div style="clear: both"></div>
      </div>
      <div class="item">
        <span style="float: left">
          运费<br>商品金额
        </span>
        <span style="float: right;text-align: right">
          ￥{{order.sendprice}}
          <br>
          <span class="main-color">￥{{order.realprice}}</span>
        </span>
      </div>
    </div>
    <a class="button button-block button-light" href="tel: 4006241520" style="border-radius: 10px">
      <i class="icon ion-ios-telephone-outline"></i>
      呼叫客服
    </a>
    <div class="divider">

    </div>
  </ion-content>

  <div ng-if="order.status < '3'" style="width: 100%; position: fixed; bottom: 0px; height: 50px; background-color: #fff; border-top: 1px solid #eee">
    <span ng-if="order.status < '3'" style="float: right;text-align: right; padding:5px;">
      <button class="button button-light main-btn" ng-if="order.status == '1'" style="width: 60px" ui-sref="order.comment({id: order.order_id})">评价</button>
      <button class="button button-light main-btn" ng-click="backOrder()" ng-if="order.status < '3'">退货</button>
    </span>
  </div>
</ion-view>
